<template>
   <div>
     <FriendHead  class="box"/>
     <FriendContent class="box" id="FriendContent"/>
   </div>
</template>
<script>
import FriendContent from './FriendContent/FriendContent.vue'
import FriendHead from './FriendHead/FriendHead.vue'
  export default 
  {
  components: { FriendHead, FriendContent },
     name :'', 
  }
</script>
<style scoped lang='less'>
.box{
    width: 100%;
}
#FriendContent{
  height: 80%;
  overflow: auto;
}
</style>